<template>
  <video
    :style="{ width: width, height: height }"
    :src="src"
    controls
    :poster="poster"
    preload
  ></video>
</template>
<script>
export default {
  props: {
    poster: [String],
    src: [String],
    width: {
      type: String,
      default: "755px",
    },
    height: {
      type: String,
      default: "450px",
    },
  },
};
</script>
<style lang="less" scoped>
video {
  background-color: #333;
}
</style>
